function Tab (el) {
    this.el = document.querySelector(el)



    this.num = 1
    this.page= this.el.querySelectorAll('ul li')
    this.page1= this.el.querySelectorAll('ol li')
    this.init()
}


Tab.prototype.init = function () {
    this.mouseover()
}



Tab.prototype.mouseover = function () {
    this.page.forEach((item,i)=>{
        item.onmouseover = () =>{
            this.el.querySelector('ul li.active').className = ''
            this.page[i].className= 'active'
            this.el.querySelector('ol li.active').className = ''
            this.page1[i].className = 'active'
        }
    })
}